<!DOCTYPE html>
<html>
<head>
<title>Personeel wit gele kruis</title>

<link rel="stylesheet" type="text/css" href="css/whiteyellowcross.css">
</head>
<body>
<div id="content_div">
	<div id="header_div">
		
		<div id="logo_div">
				
		</div>
		<div id="nav_div">
			<ul>
			  <li><a href="planning.html" class="active">WachtKalender</a></li>
			  <li><a href="personel.html">Personeel</a></li>
			  <li><a href="workshift.html">Werkshiften</a></li>
			</ul>
			
		</div>
	</div>
	
	

	<div id="personel_table_div">
		<table id="personel_table_header">	
			<thead>
				<tr>
					<th>Personeelslijst</th>
				</tr>
			</thead>		
		</table>


		<table id="personel_table">	
			<thead>
				<tr>
					<th>Nummer</th>
					<th>Naam</th>
				</tr>
				
			</thead>
			<tbody>
				<tr>
					<td>1</td>
					<td>
						<input type="text" name="personelName" size="150">
					</td>
				</tr>
				<tr>
					<td>2</td>
					<td>
						<input type="text" name="personelName" size="150">
					</td>
				</tr>
				<tr>
					<td>3</td>
					<td>
						<input type="text" name="personelName" size="150">
					</td>
				</tr>
				<tr>
					<td>4</td>
					<td>
						<input type="text" name="personelName" size="150">
					</td>
				</tr>
				<tr>
					<td>5</td>
					<td>
						<input type="text" name="personelName" size="150">
					</td>
				</tr>
			</tbody>
		
			
		</table>
		
		
		<table id="personel_table_footer">	
			<tr class="odd_row">
				<th>Naam</th>
				<td><input type="text" name="personelName" size="30"></td>
				<td><input type="button" name="addNewPersonel" value="Toevoegen"></td>
			</tr>
			
			
		</table>

		

	</div>


</div>

</body>

</html>